<template>
  <div>
    <ul v-for="(item, index) in list" :key="index">
      <li @click="toPage(item)">
        {{ item.title }}
      </li>
    </ul>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import { useRouter} from 'vue-router'

const router = useRouter()

const list = ref([
  {
    title: '01-基础案例',
    url: '/01'
  }
])


const toPage = (item) => {

  router.push({
    path: item.url
  })
}

</script>

<style lang="scss" scoped>


</style>